<template>

	<u-tabbar :list="list" active-color='#FA430E' bg-color='rgba(255,255,255,0.4);'></u-tabbar>


</template>

<script>
	export default {

		data() {
			return {
				selectValue: '',
				list: [{
						iconPath: "../../static/home.png",
						selectedIconPath: "../../static/home-fill.png",
						text: '首页',
						count: 0,
						isDot: true,
						customIcon: false,
						pagePath: '/pages/index/index'
					},
					{
						iconPath: "../../static/grid.png",
						selectedIconPath: "../../static/grid-fill.png",
						text: '贩售平台',
						customIcon: false,
						pagePath: '/pages/grid/grid'
					},
					{
						iconPath: "../../static/shop-card.png",
						selectedIconPath: "../../static/shop-card-fill.png",
						text: '购物车',
						customIcon: false,
						pagePath: '/pages/shopCard/shopCard'
					},
					{
						iconPath: "../../static/mine.png",
						selectedIconPath: "../../static/mine-fill.png",
						text: '我的',
						count: 0,
						isDot: false,
						customIcon: false,
						pagePath: '/pages/mine/mine'
					},
				],

				// 
			}
		},

		methods: {

		}
	}
</script>

<style scoped lang='scss'>
	.u-tabbar__content {
		backdrop-filter: blur(54rpx) !important;
		background: rgba(255, 255, 255, 0.4);
	}
</style>